 body {
     width: 100%;
     padding: 0px 10px;
     background: #fff;
 }

 .bizData {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     background: #fff;
     padding: 5px 10px;
     font-size: 18px;
     color: #4c4c4c;
     font-weight: 600;
 }

 .logo {
     text-align: center;
     padding: 10px 0;
 }

 .logo img {
     width: 121.8px;
 }

 .nvaMenus-item {
     display: flex;
     justify-content: space-around;
 }

 i {
     margin-top: 1px;
 }

 .iconfont:before {
     vertical-align: middle;
 }

 .queryTime {
     display: flex;
     align-items: center;
     justify-content: center;
     color: #4c4c4c;
     font-weight: 600;
     margin-top: 20px;
 }

 .queryTime i {
     margin-left: 10px;
 }

 .pig-info {
     display: grid;
     grid-template-columns: 1fr 1fr;
 }

 .pig-info-item {
     display: inline-grid;
     padding: 20px 10px;
     border: 1px solid;
     margin: 5px;
     border-radius: 5px;
 }

 .num {
     font-size: 26px;
 }

 .unit {
     font-size: 18px;
     margin-left: 5px;
 }

 .pig-info-label {
     font-size: 20px;
 }

 .footer {
     width: 100%;
     text-align: center;
     position: fixed;
     bottom: 0;
     margin-bottom: 20px;
 }

 .dropdown {
     position: fixed;
     width: 150px;
     height: 155px;
     background: #fff;
     padding: 0px 12px 0 10px;
     overflow-y: auto;
     border-radius: 10px;
     display: none;
     top: calc(145px);
     right: 15px;
     box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12),
         0 6px 16px 0 rgba(0, 0, 0, .08),
         0 9px 28px 8px rgba(0, 0, 0, .05);
 }

 .dropdown_item {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
     color: #76838f;
     margin: 10px 0;
 }


 .dropdown_item span {
     font-size: 16px;
 }

 .dropdown_item.active {
     color: #007bff !important;
 }

 .dropdown_item i {
     display: none;
 }

 .dropdown_item.active i {
     display: block;
 }